@import url("menu.css");
@import url("fixpng.css");
/*reset css*/

*
{
	margin: 0;
	padding: 0;
}
ul
{
	list-style: none;
}
a
{
	text-decoration: none;
}
.clear
{
	clear: both;
}
.swaper
{
	position: relative;
	width: 100%;
	height: 100%;
}
img
{
	border: none;
}

/*header*/
.header
{
	width: 100%;
	height: 104px;
	background: url(images/header-bg.png) top left repeat-x;
}
.header-content
{
	width: 1000px;
	height: 104px;
	margin: auto;
}
.logo
{
	position: relative;
	float: left;
}
.navigation
{
	position: relative;
	float: right;
}
.navigation ul
{
	position: relative;
	float: right;
	height: 49px;
	background: url(images/mid-nav.png) top left repeat-x;
	margin-top: 25px;
	margin-right: 30px;
}
.navigation ul li
{
	position: relative;
	float: left !important;
	height: 49px;
}
.navigation ul li a
{
	display: block;
	height: 35px;
	padding: 0px 20px 0px 20px;
	line-height: 35px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #FFFFFF;
	font-size: 12px;
	text-shadow: 1px 1px 1px #000000;
	position: relative;
	float: left;
	background: url(images/light-doc.png) right top repeat-y;
	margin-top: 8px;
}
.end-a
{
	background: none !important;
}
#li-first
{
	background: url(images/left-nav.png) top left;
	width: 17px;
	height: 49px;
	margin-left: -17px;
	top: 2px;
}
#li-last
{
	background: url(images/right-nav.png) top right;
	width: 21px;
	height: 49px;
	margin-right: -21px;
}
.navigation ul li a:hover
{
	color: #FF0000;
}
.active
{
	color: #FF0000 !important;
	background: url(images/mid-nav-select.png) center left repeat-x !important;
}
/*slice*/
.slice
{
	width: 100%;
	height: 261px;
	background: url(images/slice-bg.png) top left repeat-x;
}
.slice-content
{
	width: 1000px;
	height: 261px;
	margin: auto;
	overflow: hidden;
}
.slice-in
{
	width: 5000px;
}
.slice-content ul
{
	height: 261px;
	display: inline;
	float: left;
	width: auto;
	margin-top: 30px;
	position: relative;
}
.slice-content ul li
{
	position: relative;
	float: left;
	display: inline;
}
.slice-content ul li a
{
	position: relative;
	display: block;
	float: left;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	color: #ededed;
}
.slice-content ul li a img
{
	border: 3px solid #272b32;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	width: 209px;
	height: 144px;
	position: relative;
}
#aboutus-a:hover img
{
	border: 3px solid #ffffff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.slice-content ul li a:hover img
{
	border: 3px solid #ffffff;
}
.bt-prev
{
	float: left;
	width: 19px;
	height: 42px;
	position: relative;
	display: block;
	margin-top: 80px;
	background: url(images/prev.png);
	cursor: pointer;
	margin-right: 10px;
}
.bt-prev:hover
{
	background: url(images/prev-hover.png);
}
.bt-next
{
	float: left;
	width: 21px;
	height: 42px;
	position: relative;
	display: block;
	margin-top: 80px;
	background: url(images/next.png);
	cursor: pointer;
}
.bt-next:hover
{
	background: url(images/next-hover.png);
}
.slice-mid-content
{
	width: 940px;
	height: 261px;
	float: left;
	overflow: hidden !important;
	position: relative;
}

/*mid*/
.mid
{
	width: 100%;
	height: auto;
	background: #1c2229;
	padding-bottom: 50px;
	border-bottom: 1px solid #1a1a1a;
}
.mid-welcome
{
	width: 1000px;
	height: auto;
	margin: auto;
}
.mid-welcome img
{
	float: left;
	margin-right: 10px;
	margin-left: 10px;
}
.mid-welcome p
{
	width: 610px;
	float: left;
	line-height: 1.5em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	color: #ffffff;
	margin-right: 5px;
}
.get-touch
{
	width: 253px !important;
	height: 69px !important;
	position: relative !important;
	border: none;
	background: url(images/bt-gettouch.png);
	cursor: pointer;
	display: block;
}
.get-touch:hover
{
	background: url(images/bt-gettouch-hover.png);
}
.mid-content
{
	position: relative;
	width: 1000px;
	height: auto;
	background: url(images/mid-content.png) top left repeat-y;
	margin: auto;
	margin-top: 20px;
}
.top-mid-content
{
	width: 100%;
	height: 17px;
	background: url(images/top-content.png);
}
.bottom-mid-content
{
	width: 100%;
	height: 21px;
	background: url(images/botom-conten.png);
	margin-bottom: -21px;
	position: relative;
}
.primary-mid-content
{
	margin-left: 20px;
	width: 950px;
	height: auto;
	position: relative;
	padding-bottom: 20px;
	top: -2px;
}
.primary-mid-content-left
{
	width: 700px;
	background: url(images/light-doc.png) right repeat-y;
	height: auto;
	float: left;
}
.primary-mid-content-right
{
	width: 230px;
	margin-left: 20px;
	position: relative;
	float: left;
}


.search-photos-tis, .product-tis, .contact-tis
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #cccccc;
	margin-bottom: 10px;
}
.txt-search-photos
{
	width: 135px;
	height: 27px;
	border: none;
	background: url(images/txt-search.png) top left no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CCCCCC;
	font-style: italic;
	padding-left: 10px;
	padding-right: 10px;
	float: left;
}
.bt-search-photos
{
	width: 49px !important;
	height: 27px !important;
	border: none;
	background: url(images/bt-go.png) no-repeat;
	float: left;
	cursor: pointer;
	display: block;
}
.bt-search-photos:hover
{
	background: url(images/bt-go-hover.png) no-repeat;
}
.line
{
	width: 230px;
	height: 2px;
	background: url(images/line-ngnag.png) repeat-x;
	margin-top: 20px;
	margin-bottom: 20px;
}
.line2
{
	width: 670px;
	margin-left: 10px;
	background: url(images/line-ngnag.png) repeat-x;
	margin-top: 30px;
	margin-bottom: 20px;
	height: 2px;
}
.line3
{
	width: 670px;
	margin-left: 10px;
	background: url(images/line-ngnag.png) repeat-x;
	margin-top: 10px;
	margin-bottom: 20px;
	height: 2px;
}
.production ul li a
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CCCCCC;
}
.production ul li a:hover
{
	color: #FFFFFF;
	text-decoration: underline;
}
.contact-info
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	line-height: 1.5em;
}
.aboutus, .photos
{
	width: 670px;
	height: auto;
	float: left;
	margin-left: 10px;
}
.aboutus-tis, .photos-tis
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #CCCCCC;
	margin-bottom: 20px;
}
.aboutus img
{
	width: 150px !important;
	height: 120px !important;
	border: #272b32;
	float: left;
	margin-right: 10px;
	border: 3px solid #666666;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.aboutus-info
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 1.5em;
	height: 90px;
	overflow: hidden;
}
.bt-readmore
{
	width: 106px;
	height: 33px;
	background: url(images/read-more.png);
	border: none;
	float: right;
	margin-top: 10px;
	cursor: pointer;
}
.bt-readmore:hover
{
	background: url(images/read-more-hover.png);
}
.photos a img
{
	display: block;
	width: 140px;
	height: 150px;
	float: left;
	border: 3px solid #666666;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.photos a
{
	display: block;
	width: 140px;
	height: 150px;
	margin-right: 27px;
	float: left;
}
.photos a:hover img
{
	border: 3px solid #ffffff;
}
.view-more
{
	width: 106px !important;
	height: 29px !important;
	border: none;
	background: url(images/bt-view-more.png);
	float: right !important;
	margin-top: 30px !important;
	cursor: pointer;
	display: block;
	margin-right: 0px !important;
}
.view-more:hover
{
	background: url(images/bt-view-more-hover.png);
}


/*footer*/
.footer
{
	width: 100%;
	height: auto;
	background: #363a42;
}
.footer-content
{
	width: 1000px;
	height: auto;
	margin: auto;
}
.footer-bar
{
	width: 500px;
	float: left;
	margin-top: 20px;
	margin-bottom: 20px;
}
.footer-bar ul li
{
	position: relative;
	float: left;
	border-right: 1px solid #ffffff;
	margin-left: 10px;
}
.footer-bar ul li:last-child
{
	border: none;
}
.footer-bar ul li a
{
	position: relative;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	padding-right: 10px;
	margin-right: 10px;
}
.copyright
{
	width: 480px;
	float: right;
	position: relative;
	text-align: right;
	margin-right: 20px;
	margin-top: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #cccccc;
}
.footer-bar ul li a:hover
{
	color: #FFFFFF;
	text-decoration: underline;
}


/*--------------------------------------contact page-------------------------------------------------*/
.content-contact
{
	width: 100%;
	margin-top: 30px;
}
.content-contact p
{
	width: 200px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	line-height: 1.5em;
}
.content-contact p span
{
	font-size: 11px;
	margin-top: 5px;
	color: #999999;
}
.txt-name
{
	width: 450px;
	height: 30px;
	position: relative;
	border: none;
	background: #383c44;
	color: #FFFFFF;
}
.sl-mess
{
	min-height: 200px;
	max-height: 200px;
	min-width: 449px;
	max-width: 449px;
	border: none;
	background: #383c44;
	color: #FFFFFF;
	width: 449px;
	height: 200px;
}
.name
{
	margin-bottom: 20px;
}
.bt-send-mail
{
	margin-left: 200px;
	background: #383c44;
	border: none;
	padding: 5px 20px 5px 20px;
	color: #CCCCCC;
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.bt-send-mail:hover
{
	background: #333333;
}

/*--------------------------------------services-------------------------------------------------*/
.aboutus-tis span#service-tis2
{
	margin-top: 20px;
	position: relative;
	display: block;
}
#service img
{
	border: none;
}
#service-p
{
	float: left;
	width: 500px;
}
#service #bt-readmore
{
	margin-top: 30px;
	margin-right: 20px;
}

#gallery a:hover img
{
	border: 3px solid #ffffff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

/**
chi tiet trang 
*/

.news-title
{
	font-size: 12px;
	line-height: 18px;
	color: White;
	padding-bottom: 15px;
	padding-top: 15px;
}

.news-content
{
	color: White;
	line-height: 18px;
	padding-bottom: 15px;
	padding-top: 15px;
}


/*Dang nhap*/

.logintxt
{
	float: right;
	margin-right: 15px;
	color: White !important;
	font-weight: bold;
}

.footer-bar li, .production li
{
	list-style-type: none;
}

.actionlink
{
	color: white !important;
	font-weight: bolder;
	padding-bottom: 10px;
}


/**phan trang*/





.pager
{
	margin: 8px 3px;
	padding: 4px 3px;
	text-align: right;
}

.pager span, .pager a
{
	border: medium none;
	margin: 4px 2px;
}

.pager a
{
	border: 1px solid #C0C0C0;
	padding: 3px 5px;
	text-align: center;
	text-decoration: none;
	color: #000000;
}

.pager .current
{
	background-color: #0066CC;
	border: 1px solid #000099;
	color: #FFFFFF;
	font-weight: bold;
	margin-top: 4px;
	padding: 3px 5px;
	text-align: center;
}

.pager span, .pager a
{
	margin: 4px 3px;
}




























